﻿@using Furion.Models;
@model IList<Menu>

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@*<link rel="stylesheet" type="text/css" href="~/Content/Theme/demo.css" />*@
<link rel="stylesheet" type="text/css" href="~/Content/Theme/normalize.css"/>
<link rel="stylesheet" type="text/css" href="~/Content/Theme/component.css"/>
<script src="~/Scripts/modernizr.js" type="text/javascript"></script>
<style type="text/css" >
    .sideBarMenuNew 
    {
        position:fixed;
        /*margin-top:20px;*/
        font-family:Calibri;
        font-size:12px;
        color:#e48334;
        background:#3e3e3e;
	    top:112px;
	    -webkit-transform:rotate(270deg);
	    -moz-transform:rotate(270deg);
	    -o-transform: rotate(270deg);
        transform:rotate(270deg);
	    white-space:nowrap;
	    display:block;
        margin-left:-25px; 
        z-index:10;
        height:23px;
        border:0px;
         -webkit-box-shadow: -2px 2px 2px 1px rgba(0, 0, 0, 0.5);				
        -moz-box-shadow: -2px 2px 2px 1px rgba(0, 0, 0, 0.5);				
        box-shadow: -2px 2px 2px 1px rgba(0, 0, 0, 0.5);
    }
</style>

<script type="text/javascript">
    $(document).ready(function () {
        Home.Init();
        $("#tabs").tabs({});
    });
</script>

<div id="perspective" class="perspective effect-airbnb">
    <div class="container">
        <div class="wrapper" style="top: 0px;">
            <div id="column">
                <button id="showMenu" class="sideBarMenuNew">Navigation</button>
            </div>
            <div id="tabs">
                <ul>
                    <li class="startlabel">
                        <a href="#startpage">
                            @*<img class="company-home" src="~/Content/base/images/iconhome.png" alt="start page" />*@
                            Start Page
                        </a>
                    </li>
                </ul>
                <div id="startpage" class="tabwidth">
                        
                </div>
            </div>
        </div>
    </div>
  
    <!-- /container -->
    <div id="slideMenu">
        <nav class="outer-nav left vertical">
            @foreach (Menu m in Model)
            {
                <a href="#" id='@m.Id' onclick="Home.addtab(this);">@m.Name</a>
            }
        </nav>
    </div>
</div>


<script src="~/Scripts/classie.js" type="text/javascript"></script>
<script src="~/Scripts/menu.js" type="text/javascript"></script>



